// import React, {useEffect, useState} from 'react';
//
// // @ts-ignore
// import { CapsuleChart } from '@jiaminghi/data-view-react';
//
// // 引入 ECharts 主模块
// // @ts-ignore
// import echarts from 'echarts/lib/echarts';
// // 引入柱状图
// import  'echarts/lib/chart/bar';
// // 引入提示框和标题组件
// import 'echarts/lib/component/tooltip';
// import 'echarts/lib/component/title';
//
// const TableConfigList: React.FC<{}> = () => {
//
//   useEffect(()=>{
//     var echarts = require('echarts');
//     // 基于准备好的dom，初始化echarts实例
//     var myChart = echarts.init(document.getElementById('main'));
//     // 绘制图表
//     myChart.setOption({
//       title: {
//         text: '世界人口总量',
//         subtext: '数据来自网络'
//       },
//       tooltip: {
//         trigger: 'axis',
//         axisPointer: {
//           type: 'shadow'
//         }
//       },
//       legend: {
//         data: ['2011年', '2012年']
//       },
//       grid: {
//         left: '3%',
//         right: '4%',
//         bottom: '3%',
//         containLabel: true
//       },
//       xAxis: {
//         type: 'value',
//         boundaryGap: [0, 0.01]
//       },
//       yAxis: {
//         type: 'category',
//         data: ['巴西', '印尼', '美国', '印度', '中国', '世界人口(万)']
//       },
//       series: [
//         {
//           name: '2011年',
//           type: 'bar',
//           data: [18203, 23489, 29034, 104970, 131744, 630230]
//         },
//         {
//           name: '2012年',
//           type: 'bar',
//           data: [19325, 23438, 31000, 121594, 134141, 681807]
//         }
//       ]
//     });
//   },[])
//
//   return (
//     <div>
//       {/*<div style={{backgroundColor:"rgb(40,44,52)"}}>*/}
//         <CapsuleChart config={{data:[
//             {
//               name: '南阳',
//               value: 167
//             },
//             {
//               name: '周口',
//               value: 67
//             },
//             {
//               name: '漯河',
//               value: 123
//             },
//             {
//               name: '郑州',
//               value: 55
//             },
//             {
//               name: '西峡',
//               value: 98
//             }
//           ]}} style={{width:"1300px",height:"1200px"}} />
//       {/*</div>*/}
//       {/*<div style={{width:"1300px", height:"300px"}} id={"main"}></div>*/}
//     </div>
//   );
// };
//
// export default TableConfigList;
